<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      #l1{
        color: green;
      }
      .c1{
          color: blue;
      }
      h1,h2{
          background-color: yellow;
      }
      input{
          color: pink;
      }
      input[type='submit']{
          background-color: red;
      }
      *{
          border: 1px solid blue ;
      }
    </style>
</head>
<body>
<ul>
  <li id="l1">张学友</li>
  <li class="c1">刘德华</li>
  <li >郭富城</li>
</ul>
<h1 class="c1">悟空</h1>
<h1>八戒</h1>
<h1>沙僧</h1>
<h2>刘备</h2>
<input type="submit" value="提交按钮">
<input type="button" value="普通按钮">
</body>
</html>